<div class="ohcards-selected">
	<div class="selected-box">
		<div class="hide-bar">
			<a v-show="!imageShow" href="javascript:;" @click="show(true)"><i class="hide-icon up"></i><span>展开详情</span></a>
			<a v-show="imageShow" href="javascript:;" @click="show(false)"><i class="hide-icon down"></i><span>收起详情</span></a>
		</div>
		<div class="count-bar">
			<span class="selected-count">已选择({{selected.length}})</span>
		</div>
		<transition name="fade">
		<div v-show="imageShow">
			<div class="selected-images">
				<div v-for="(card,index) in selected" class="image-item">
					<div :class="{'image-wrap':true,'on':imageOn(index)}" @click="choose(index)">
						<img :src="card.image">
						<span class="image-code">{{card.number}}</span>
					</div>
<!--					<div class="btn-group">
						<button class="btn btn-success"><i class="fa fa-search-plus"></i> 放大</button>
					</div>-->
				</div>
			</div>
			<div class="button-bar">
				<template v-if="step==1">
					<button class="btn btn-detail" @click="next"><i class="fa fa-arrow-right"></i> 选好了，开始排序</button>
				</template>
				<template v-else-if="step==2">
					<button class="btn btn-detail" @click="prev"><i class="fa fa-arrow-left"></i> 上一步</button>
					<button class="btn btn-detail" @click="next"><i class="fa fa-arrow-right"></i> 完成排序</button>
				</template>
			</div>
		</div>
		</transition>
	</div>
</div>